@charset "utf-8";
.container-fluid {
    padding: 0;
    header {
        background: #222222;
        .my_nav {
            border: none;
            background: none;
            margin: 0;
        }
        .navbar-default .navbar-nav > li > a {
            color: #9d9d9d;
        }
        .navbar-default .navbar-nav > .active > a,
        .navbar-default .navbar-nav > .active > a:hover,
        .navbar-default .navbar-nav > .active > a:focus {
            background: #080808;
            color: white;
        }
        .navbar-brand {
            padding: 7px 15px;
        }
    }
    footer{
        padding-top: 35px;
        padding-bottom: 35px;
        background: #3b3b3b;
        .container{
            .footer_text{
                margin-bottom: 20px;
//              text-align: center;
                a{
                    font-size: 14px;
                    color: #a1a3ab;
                    margin-right: 12px;
                }
            }
            .footer_text2{
                font-size: 12px;
                color: #a1a3ab;
            }
            .margin_10{
                margin-top: 10px;
            }
            .float_r{
                float: right;
                .display{
                    .footer_img{
                        position: relative;
                        .mask{
                            opacity: 0;
                            transition: all 1s;
                            position: absolute;
                            top: -150px;
                            right: -55px;
                        }
                        &:hover{
                            .mask{
                                opacity: 1;
                            }
                        }
                    }
                    
                }
            }
            .float_l{
                float: left;
                margin-top: 15px;
            }
        }
    }
}
@media screen and (max-width:991px){
    .container-fluid footer .container .float_l{
        text-align: center;
    }
    .container-fluid footer .container .float_r{
        text-align: center;
        .display{
            display: inline-block;
        }
    }
    
}
@media screen and (min-width:768px) and (max-width:991px){
    .container-fluid header .navbar-default .navbar-nav > li > a{
        padding: 15px 3px;
    }
}
